<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快递员</title>
    <!-- 导入jquery核心类库 -->
    <script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
    <!-- 导入easyui类库 -->
    <link rel="stylesheet" type="text/css" href="../../js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../js/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../js/easyui/ext/portal.css">
    <link rel="stylesheet" type="text/css" href="../../css/default.css">
    <script type="text/javascript" src="../../js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../js/easyui/ext/jquery.portal.js"></script>
    <script type="text/javascript" src="../../js/easyui/ext/jquery.cookie.js"></script>
    <script src="../../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <script>

        $.fn.serializeJson=function(){
            var serializeObj={};
            var array=this.serializeArray();
            var str=this.serialize();
            $(array).each(function(){
                if(serializeObj[this.name]){
                    if($.isArray(serializeObj[this.name])){
                        serializeObj[this.name].push(this.value);
                    }else{
                        serializeObj[this.name]=[serializeObj[this.name],this.value];
                    }
                }else{
                    serializeObj[this.name]=this.value;
                }
            });
            return serializeObj;
        };
        //工具栏
        var toolbar = [{
            id: 'button-add',
            text: '增加',
            iconCls: 'icon-add',
            handler: doAdd
        }, {
            id: 'button-edit',
            text: '修改',
            iconCls: 'icon-edit',
            handler: function () {
                var rows = $('#grid').datagrid('getSelections');
                if(rows.length!=1){
                    $.messager.alert("警告","这能选择一行","warning");
                }else {
                    $('#courierForm').form('load', rows[0]);
                    //手动set combobox 里面的值
                    $('#combobox').combobox('setValue',rows[0].standard.name);
                    $('#addWindow').window('open');
                }
            }
        }, {
            id: 'button-delete',
            text: '作废',
            iconCls: 'icon-cancel',
            handler: function () {
                var rows = $('#grid').datagrid('getSelections');
                if(rows.length == 0){
                    $.messager.alert("警告","最少选中一行","warning");
                }else{
                    var array=new Array();
                    $(rows).each(function () {
                        array.push(this.id);
                    })
                    var ids = array.join(",");
                    // 将字符串发送服务器
                    window.location.href = "../../courier_delBatch.action?ids=" + ids;
                }
            }
        }, {
            id: 'button-restore',
            text: '还原',
            iconCls: 'icon-save',
            handler: function () {

            }
        }, {
            id: 'button-search',
            text: '查询',
            iconCls: 'icon-search',
            handler: function () {
                // 显示查询窗口
                $("#searchWindow").window('open');
            }
        }];

        var columns = [[{
            field: 'id',
            checkbox: true,
        }, {
            field: 'courierNum',
            title: '工号',
            width: 80,
            align: 'center'
        }, {
            field: 'name',
            title: '姓名',
            width: 80,
            align: 'center'
        }, {
            field: 'telephone',
            title: '手机号',
            width: 120,
            align: 'center'
        }, {
            field: 'checkPwd',
            title: '查台密码',
            width: 120,
            align: 'center'
        }, {
            field: 'pda',
            title: 'PDA号',
            width: 120,
            align: 'center'
        }, {
            field: 'standard.name',
            title: '取派标准',
            width: 120,
            align: 'center',
            formatter : function(data,row, index){
                if(row.standard != null){
                    return row.standard.name;
                }
                return "";
            }
        }, {
            field: 'type',
            title: '取派员类型',
            width: 120,
            align: 'center'
        }, {
            field: 'company',
            title: '所属单位',
            width: 200,
            align: 'center'
        }, {
            field: 'deltag',
            title: '是否作废',
            width: 80,
            align: 'center',
            formatter:function (value, row, index) {
                if(value==null){
                    return "正常使用";
                }else{
                    return "账号作废";
                }
            }
        }, {
            field: 'vehicleType',
            title: '车型',
            width: 100,
            align: 'center'
        }, {
            field: 'vehicleNum',
            title: '车牌号',
            width: 120,
            align: 'center'
        }]];

        function doAdd() {
            $('#addWindow').window("open");
        }

        $(function () {
            $('#grid').datagrid({
                iconCls: 'icon-forward',
                fit: true,
                border: false,
                rownumbers: true,
                striped: true,
                pageList: [30, 50, 100],
                pagination: true,
                toolbar: toolbar,
                url: "../../query_byPage.action",
                idField: 'id',
                columns: columns,
                onDblClickRow: doDblClickRow
            });

            $('#save').click(function () {

                if($('#courierForm').form('validate')){
                   $('#courierForm').submit();
                }else{
                   $.messager.alert("警告","有些字段不合法","warning");
                }
            });

            $('#searchBtn').click(function () {
                //吧表单的数据 序列化为参数
                var params = $("#searchForm").serializeJson() ;
                $("#grid").datagrid('load',params);
                // 关闭查询窗口
                $("#searchWindow").window('close');
            });
        });

        function doDblClickRow(rowIndex, rowData) {
            $.messager.alert(rowIndex + "--" + rowData);
        }

    </script>
</head>
<body class="easyui-layout">

<div region="center" border="false">
    <table id="grid"></table>
</div>

<div class="easyui-window" title="对收派员进行添加或者修改" id="addWindow" collapsible="false" minimizable="false"
     maximizable="false" closed="true" style="top:20px;left:200px">

    <div data-options="region:'north'" style="height:31px;overflow:hidden;">
        <div class="datagrid-toolbar">
            <a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true">保存</a>
        </div>
    </div>


    <div region="center" style="overflow:auto;padding:5px;" border="false">
        <form id="courierForm"
              action="../../courier_save.action" method="post">
            <table class="table-edit" width="80%" align="center">
                <tr class="title">
                    <td colspan="3">收派员信息</td>
                    <td>
                        <!--提供隐藏域 装载id -->
                        <input type="hidden" name="id" />
                    </td>
                </tr>
                <tr>
                    <td>快递员工号</td>
                    <td>
                        <input type="text" name="courierNum" class="easyui-validatebox" required="true" />
                    </td>
                    <td>姓名</td>
                    <td>
                        <input type="text" name="name" class="easyui-validatebox" required="true" />
                    </td>
                </tr>
                <tr>
                    <td>手机</td>
                    <td>
                        <input type="text" name="telephone" class="easyui-validatebox" required="true" />
                    </td>
                    <td>所属单位</td>
                    <td>
                        <input type="text" name="company" class="easyui-validatebox" required="true" />
                    </td>
                </tr>
                <tr>
                    <td>查台密码</td>
                    <td>
                        <input type="text" name="checkPwd" class="easyui-validatebox" required="true" />
                    </td>
                    <td>PDA号码</td>
                    <td>
                        <input type="text" name="pda" class="easyui-validatebox" required="true" />
                    </td>
                </tr>
                <tr>
                    <td>快递员类型</td>
                    <td>
                        <input type="text" name="type" class="easyui-validatebox" required="true" />
                    </td>
                    <td>取派标准</td>
                    <td>
                        <input id="combobox" type="text" name="standard.id"
                               class="easyui-combobox"
                               data-options="required:true,valueField:'id',textField:'name',
											url:'../../standard_pageQuery.action'"/>
                    </td>
                </tr>
                <tr>
                    <td>车型</td>
                    <td>
                        <input type="text" name="vehicleType" class="easyui-validatebox" required="true" />
                    </td>
                    <td>车牌号</td>
                    <td>
                        <input type="text" name="vehicleNum" class="easyui-validatebox" required="true" />
                    </td>
                </tr>
            </table>
        </form>
    </div>

</div>

<div class="easyui-window" title="查询快递员窗口" closed="true" id="searchWindow" collapsible="false" minimizable="false" maximizable="false" style="width: 400px; top:40px;left:200px">
    <div style="overflow:auto;padding:5px;" border="false">
        <form id="searchForm" action="../../query_byPage">
            <table class="table-edit" width="80%" align="center">
                <tr class="title">
                    <td colspan="2">查询条件</td>
                </tr>
                <tr>
                    <td>工号</td>
                    <td>
                        <input type="text" name="courierNum" />
                    </td>
                </tr>
                <tr>
                    <td>收派标准</td>
                    <td>
                        <input type="text" name="standard.name" />
                    </td>
                </tr>
                <tr>
                    <td>所属单位</td>
                    <td>
                        <input type="text" name="company" />
                    </td>
                </tr>
                <tr>
                    <td>类型</td>
                    <td>
                        <input type="text" name="type" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><a id="searchBtn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a> </td>
                </tr>
            </table>
        </form>
    </div>
</div>

</body>
</html>